<template>
  <el-tabs v-model="activeName" tab-position="left" class="demo-tabs">
    <el-tab-pane label="基本信息" :name="1">
      <UserInfo></UserInfo>
    </el-tab-pane>
    <el-tab-pane label="修改密码" :name="2">
      <ChangePassword></ChangePassword>
    </el-tab-pane>
  </el-tabs>
</template>

<script setup lang="ts">
import ChangePassword from './changePassword.vue'
import UserInfo from './userInfo.vue'
const route = useRoute()
const activeName = computed(() => {
  return Number(route.query.type)
})
</script>

<style lang="scss" scoped>
.el-tabs {
  display: flex;
  height: 100%;
  background-color: #fff;
  :deep(.el-tabs__content) {
    padding: 40px 0 0 50px;
  }
}
</style>
